import React, {Component} from 'react'
import { Card, Carousel } from 'antd'
import './index.less'

class Carouse extends Component {
    render(){
        return(
            <div>
                <Card title="文字背景轮播" className="card-wrap">
                    <Carousel autoplay effect="fade">
                        <div><h3>1</h3></div>
                        <div><h3>2</h3></div>
                        <div><h3>3</h3></div>
                    </Carousel>
                </Card>

                <Card title="图片背景轮播" className="card-wrap">
                    <Carousel 
                        effect="fade" 
                        className="slider-wrap">
                        <div>
                            <img src="/carousel-img/carousel-1.jpg" alt=""/>
                        </div>
                        <div>
                        <img src="/carousel-img/carousel-2.jpg" alt=""/>
                        </div>
                        <div>
                            <img src="/carousel-img/carousel-3.jpg" alt=""/>
                        </div>
                    </Carousel>
                </Card>
            </div>
        )
    }
}

export default Carouse